<template>
    <v-rows class="tw-w-full">
        <v-carousel hide-delimiter-background show-arrows="hover" height="500">
            <v-carousel-item v-for="banner in banners" :src="banner" cover :key="banner">
            </v-carousel-item>
        </v-carousel>
    </v-rows>
    <div class="tw-py-8 py-sm-16">
        <v-container>
            <MainTitleList title="男装" :list="man" desc="最新的时尚男装，适合各种场合的搭配，从休闲到正式，总有一款适合你。 " />
        </v-container>
    </div>

    <div class="bg-grey-lighten-5 tw-py-8 py-sm-16">
        <v-container>
            <MainTitleList title="女装" listType="equipment" :list="woman" desc="优雅时尚的女装，精致的设计和高质量的面料，展示女性的美丽与自信。 "
                href="/equipment" />
        </v-container>
    </div>

    <div class="tw-py-8 py-sm-16">
        <v-container>
            <MainTitleList title="童装" :list="children" href="/customize" desc="可爱舒适的童装，安全无害的材质，给孩子们最贴心的呵护。" />
        </v-container>
    </div>
    <div class="bg-grey-lighten-5 tw-py-8 py-sm-16">
        <v-container>
            <MainTitleList title="国风" :list="sports" href="/test" desc="专业的国风备，透气舒适，助你在运动中表现最佳。 " />
        </v-container>
    </div>
</template>
<script setup lang="ts">
import MainTitleList from "@/components/MainTitleList.vue";


const banners = [
    'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp',
    'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp',
    'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp',
    'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp'
]

const man = [
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '1' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '2' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '3' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '4' },
]

const woman = [
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '1' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '2' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '3' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '4' },

]

const children = [
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '1' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '2' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '3' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '4' },
]

const sports = [
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '1' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '2' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '3' },
    { src: 'https://img.alicdn.com/bao/uploaded/i1/2486836311/O1CN01hm3p3z1wUUdUseKUC_!!2486836311.jpg_460x460q90.jpg_.webp', name: '4' },
]

</script>